1 files changed, 14 insertions, 11 deletions
diff --git a/src/routes/blog/[id=int]/+page.svelte b/src/routes/blog/[id=int]/+page.svelte
index 16fc586..b2f6807 100644
--- a/src/routes/blog/[id=int]/+page.svelte
+++ b/src/routes/blog/[id=int]/+page.svelte
@@ -10,19 +10,22 @@
 
   let { data }: PageProps = $props();
 
+  let route = $derived(
+    forceTrailingSlash(
+      resolve('/blog/[id=int]-[slug]', {
+        id: data.post.metadata.id.toString(),
+        slug: data.post.metadata.slug,
+      }),
+    ),
+  );
+
   onMount(() => {
-    tick().then(() =>
-      replaceState(
-        forceTrailingSlash(
-          resolve('/blog/[id=int]-[slug]', {
-            id: data.post.metadata.id.toString(),
-            slug: data.post.metadata.slug,
-          }),
-        ),
-        page.state,
-      ),
-    );
+    tick().then(() => replaceState(route, page.state));
   });
 </script>
 
+<svelte:head>
+  <link rel="canonical" href={new URL(route, page.url).href} />
+</svelte:head>
+
 <Post post={data.post} />